  // out: false, compress: true, sourceMap: false
  @import '../eui/siderbar.less';
  .eui-siderbar-wrapper {
      padding-bottom: .4rem;
      .eui-sider-bar {
          max-width: 10rem;
          margin: 0 auto;
      }
      .back-btn {
          right: .2rem;
          top: .2rem;
          width: .3rem;
          height: .4rem;
      }
      .eui-sprite-icon {
          display: inline-block;
          background: url(../images/index/personal-sprite.png) no-repeat;
          width: .8rem;
          height: .8rem;
          background-size: 2.45rem;
      }
      .eui-siderbar-header {
          padding-bottom: .333333rem;
          border-bottom: 1px solid #dcdcdc;
      }
      .eui-siderbar-banner {
          background: url(../images/test-header-bacg.jpg) 0 0 / 100% no-repeat;
          height: 4rem;
      }
      .user-photo-wrap {
          position: relative;
          width: 3.2rem;
          height: 3.2rem;
          border: 2px solid #fff;
          margin: 0 auto;
          margin-top: -2.24rem;
          img {
              width: 100%;
              height: 100%;
          }
          .eui-icon-camera {
              background-position: 0 0;
              position: absolute;
              bottom: -.16rem;
              right: -.24rem;
          }
      }
      .intergral-num {
          color: #77c177;
          font-weight: bold;
          position: relative;
      }
      .eui-icon-leaf_active {
          background-position: -1.626667rem -2.04rem;
          width: .24rem;
          height: .32rem;
          margin-right: .106667rem;
      }
      .membership-info-wrap {
          display: flex;
          justify-content: center;
          position: relative;
          font-size: .373333rem;
          .membership-label {
              margin: -.4rem .4rem 0 0;
          }
          label {
              color: #959494;
              margin-right: .4rem;
              display: inline-block;
              text-align: right;
          }
          .eui-icon-vip {
              background-position: -.813333rem -1.626667rem;
              position: relative;
              top: .1rem;
          }
          .member-info {
              color: #000;
          }
          .member-level-progress {
              border: 1px solid #2f92f8;
              width: 3.466667rem;
              height: .42rem;
              line-height: .42rem;
              position: relative;
              left: .1rem;
              top: .05rem;
              .progress {
                  position: absolute;
                  background: #2f92f8;
                  width: 2rem;
                  height: .42rem;
                  top: 0;
                  left: 0;
              }
              .member-level {
                  position: relative;
                  z-index: 99;
              }
          }
      }
      .eui-siderbar-content {
          margin: .266667rem 0 .733333rem;
          .eui-table-view-cell {
              height: 1.066667rem;
              line-height: 1.066667rem;
              padding-left: .426667rem;
              span:first-child {
                  position: relative;
                  top: .2rem;
              }
              .eui-icon-new {
                  position: relative;
                  top: .1rem;
              }
          }
          .eui-media-object {
              height: 1.066667rem;
              line-height: 1.066667rem;
              width: 100%;
              padding-left: .1rem;
          }
          .eui-media-name {
              position: relative;
              top: -.1rem;
          }
          .eui-icon-arrow_right {
              margin: .4rem .253333rem 0 0;
          }
          .eui-icon-check {
              background-position: -.813333rem 0;
          }
          .eui-icon-crown {
              background-position: 0 -.813333rem;
          }
          .eui-icon-dialog {
              background-position: -.813333rem -.813333rem;
          }
          .eui-icon-menu {
              background-position: -1.626667rem 0;
          }
          .eui-icon-new {
              background-position: -1.626667rem -1.626667rem;
              width: .8rem;
              height: .4rem;
          }
          .eui-icon-pencial {
              background-position: -1.626667rem -.813333rem;
          }
          .eui-icon-security {
              background-position: -.05rem -1.626667rem;
          }
          .eui-icon-feedback {
              background-image: url(../images/index/eui-icon-feedback.png);
              width: .8rem;
              height: .8rem;
          }
      }
  }